﻿@using Abp.Web.Mvc.Extensions
@using MyCompanyName.AbpZeroTemplate.Web.Navigation
@{
    ViewBag.CurrentPageName = PageNames.App.Tenant.Dashboard;
}
@section Scripts
{
    @Html.IncludeScript("~/Areas/Mpa/Views/Dashboard/Index.js")
}
<div class="row margin-bottom-5">
    <div class="col-xs-6">
        <div class="page-head">
            <div class="page-title">
                <h1>
                    <span>@L("Dashboard")</span> <small>@L("DashboardHeaderInfo")</small>
                </h1>
            </div>
        </div>
    </div>
    <div class="col-xs-6 text-right">

    </div>
</div>

@*<div class="note note-info note-bordered">
    <h3>@L("DashboardDemo_Note_Title")<span class="close" data-close="note"></span></h3>
    <p>
        @L("DashboardDemo_Note_Info")
    </p>
    <br/>
    <h4>@L("LookingForSpaVersion")</h4>
    <p>
        <a href="@Url.Action("Index", "Application", new {area = string.Empty})">
            @Html.Raw(L("DashboardNoteForSpaVersion")) @L("SeeDemo")
        </a>
    </p>
</div>*@

@*小方块开始*@
<div class="row">
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <a class="dashboard-stat dashboard-stat-v2 blue" href="#">
            <div class="visual">
                <i class="fa fa-comments"></i>
            </div>
            <div class="details">
                <div class="number">
                    <span data-counter="counterup" id="TotalCount"></span>
                </div>
                <div class="desc">本月充值总流量(M)</div>
            </div>
        </a>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <a class="dashboard-stat dashboard-stat-v2 red" href="#">
            <div class="visual">
                <i class="fa fa-bar-chart-o"></i>
            </div>
            <div class="details">
                <div class="number">
                    <span data-counter="counterup" id="SurplusCount"></span>
                </div>
                <div class="desc">剩余流量(M)</div>
            </div>
        </a>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <a class="dashboard-stat dashboard-stat-v2 green" href="#">
            <div class="visual">
                <i class="fa fa-shopping-cart"></i>
            </div>
            <div class="details">
                <div class="number">
                    <span data-counter="counterup" id="AccountCount"></span>
                </div>
                <div class="desc">客户数量</div>
            </div>
        </a>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <a class="dashboard-stat dashboard-stat-v2 purple" href="#">
            <div class="visual">
                <i class="fa fa-globe"></i>
            </div>
            <div class="details">
                <div class="number">

                    <span data-counter="counterup" id="CardCount"></span>
                </div>
                <div class="desc">卡片数量</div>
            </div>
        </a>
    </div>
</div>
@*小方块结束*@

<div class="portlet box blue">
    <div class="portlet-title">
        <div class="caption">
            <i class="fa fa-cogs"></i>流量充值
        </div>
        <div class="tools">
            <a href="javascript:;" class="collapse"> </a>
            <a href="javascript:;" class="reload"> </a>
            <a href="javascript:;" class="remove"> </a>
        </div>
    </div>
    <div class="portlet-body">
        <div class="table-responsive">
            <div class="form-body" style="overflow:hidden;">
                <div class="row">
                    <div class="col-md-5">
                        <div class="form-group divflow">
                            <label class="control-label col-md-4">
                                卡号：
                                <span class="required" aria-required="true"> * </span>
                            </label>
                            <div class="col-md-6">

                                <div class="input-group input-medium">
                                    <input type="text" class="form-control" placeholder=".input-medium">
                                    <span class="input-group-btn">
                                        <button class="btn blue" type="button">Go!</button>
                                    </span>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="form-group divflow">
                            <label class="control-label col-md-4">
                                产品名称
                                <span class="required" aria-required="true"> * </span>
                            </label>
                            <div class="col-md-6">
                                <input id="ProductName" type="text" class="form-control" placeholder="产品名称">
                            </div>
                        </div>
                    </div>
                </div>

                <br />
                <div class="form-actions" style="border-top:1px solid #0066b3;padding:20px;margin:0;">
                    <div class="row">
                        <div class="col-md-offset-10 col-md-9">
                            <button type="button" class="btn green" onclick="TransferSubmit();">提 交</button>
                            <button type="button" class="btn grey-salsa btn-outline" onclick="history.back(-1);">取 消</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>